<div id="element_detail">
    <h4>{{getCurrentType()}} ({{current.x}},{{current.y}})</h4>

    <p><label for="name">Name:</label><input ng-model="current.options.name" type="text" id="name" name="name"></p>

    <div ng-show="currentIsActivity()">
        <div>
            <p><label for="act_method">Method</label>
                <select ng-model="current.options.act_method" id="act_method" name="act_method">
                    <option value="get">GET</option>
                    <option value="post">POST</option>
                    <option value="put">PUT</option>
                    <option value="delete">DELETE</option>
                </select></p>
        </div>

        <div>
            <p><label for="act_url">url</label></p>

            <p><textarea ng-model="current.options.act_url" rows="5" cols="20" id="act_url" name="act_url"></textarea></p>
        </div>

        <div>
            <p><label>Parameters</label></p>

            <form><input class="short" ng-model="param.key">:<input class="short"
                                                                    ng-model="param.val">
                <input type="submit" ng-click="param()" value="+"></form>
            </p>
            <p ng-repeat="(k,v) in current.options.act_params">{{k}}:{{v}}</p>
        </div>
    </div>

    <div ng-show="currentIsSynchronizer()">
        <p><label>syn_strategy</label></p>
        <select ng-model="current.syn_strategy">
            <option value="all">all</option>
            <option value="any">any</option>
        </select>
    </div>
</div>
